.house-card-container {
  margin-bottom: 20px;
  padding: 8px 12px 16px;
  box-shadow: 5px 5px 10px var(--box-shadow);
  border-radius: 8px;
  background-color: var(--bg-first);

  .house-name {
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--split-line);
  }

  .home-landlord-info {
    margin: 8px 0 0;

    .landlord-head-img {
      border-radius: 50%;
      width: 32px;
      height: 32px;
    }

    .landlord-text {
      margin-left: 6px;
      font-size: 16px;
      color: var(--font-third);
    }
  }

  .house-content {
    display: flex;
    padding-top: 8px;
  }

  .img-wrap {
    display: flex;
    align-items: center;

    image {
      width: 100px;
      height: 100%;
    }
  }

  .info-wrap {
    flex: 1;
    margin-left: 8px;
  }

  .info-item {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: var(--font-fourth);

    &:first-of-type {
      margin-top: 0;
    }

    .label {
      white-space: nowrap;
      color: var(--font-first);
    }

    .price {
      font-size: 16px;
      color: var(--mini-first);
    }
  }

  .info-address {
    width: calc(100vw - 200px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}